<template>
    <div class="nav">
        <div >
            <router-link class="navInside" to="/nine">
                <img src="./img/u1.png" alt="">
                <span>9块9特卖</span>
            </router-link>
        </div>
        <div class="navInside">
            <router-link class="navInside" to="/together">
                <img src="./img/u2.png" alt="">
                <span>一元拼团</span>
            </router-link>
        </div>
        <div class="navInside">
            <router-link class="navInside" to="/shop">
                <img src="./img/u3.png" alt="">
                <span>女装</span>
            </router-link>
        </div>
        <div class="navInside">
            <router-link class="navInside" to="/shop">
                <img src="./img/u4.png" alt="">
                <span>化妆护肤</span>
            </router-link>
        </div>
        <div class="navInside">
            <router-link class="navInside" to="/shop">
                <img src="./img/u5.png" alt="">
                <span>鞋包</span>
            </router-link>
        </div>
        <div class="navInside">
            <router-link class="navInside" to="/shop">
                <img src="./img/u6.png" alt="">
                <span>时令果蔬</span>
            </router-link>
        </div>
        <div class="navInside">
            <router-link class="navInside" to="/shop">  
                <img src="./img/u7.png" alt="">
                <span>肉禽蛋类</span>
            </router-link>
        </div>
        <div class="navInside">
            <router-link class="navInside" to="/shop">  
                <img src="./img/u8.png" alt="">
                <span>海鲜水产</span>
            </router-link>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped>
.nav{
    padding-top: 2.5vh;
    padding-bottom: 3vh;
    display: flex;
    flex-wrap: wrap;
}
.navInside{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25vw;
    margin-bottom: 1vh;
    /* margin-top: 2vh; */
    height: 10vh;
    color: #999999;
}
.navInside span{
    color: #666;
}
.nav img{
    height: 5vh;
    margin-bottom: 1vh;
}
</style>